<!DOCTYPE html>
<html>
<head>
    <title>模具首页</title>
    #parse("sys/header.html")
    <style>
        #main_app {
            background-color: #eee;
            padding: 10px
        }

        .kpiRow {
            padding: 5px;
        }

        .kpiCol {
            height: 275px;
            padding-right: 10px;
        }

        .ivu-col {
            padding-right: 0px;
        }
    </style>
</head>
<body>
<div id="main_app">
    <!-- PM工单完成率区域：全工厂、机加总装五车间、铸造二车间、二期扩能车间   -->
    <Row class-name="kpiRow" :gutter="24">
        <!-- 模具状态分布图表 -->
        <i-col span="6">
            <Card>
                <a href="../module/moldOverview.html">
                    <div id="moldStatusDistributionEcharts" class="kpiCol"></div>
                </a>
            </Card>
        </i-col>
        <!-- 压铸模具故障率图表 -->
        <i-col span="6">
            <Card>
                <a href="../device/devplangc.html">
                    <div id="yazhuMoldFailureRateEcharts" class="kpiCol"></div>
                </a>
            </Card>
        </i-col>
        <!-- 浇筑模具故障率图表 -->
        <i-col span="6">
            <Card>
                <a href="../device/devplangc.html">
                    <div id="jiaozhuMoldFailureRateEcharts" class="kpiCol"></div>
                </a>
            </Card>
        </i-col>
        <!-- 制芯模具故障率图表 -->
        <i-col span="6">
            <Card>
                <a href="../device/devplangc.html">
                    <div id="zhixinMoldFailureRateEcharts" class="kpiCol"></div>
                </a>
            </Card>
        </i-col>
    </Row>
    <!-- 首页工单报表概览区域：包括PM工单和维修工单 -->
    <Row :gutter="24" class-name="kpiRow">
        <i-col span="12" class-name="contentCol">
            <Card>
                <a href="../device/devplangc.html">
                    <div id="devPmTicketNumDistributionEcharts" class="kpiCol"></div>
                </a>
            </Card>
        </i-col>
        <i-col span="12" class-name="contentCol">
            <Card>
                <a href="../device/devmaintenwork.html">
                    <div id="devRepairTicketNumDistributionEcharts" class="kpiCol"></div>
                </a>
            </Card>
        </i-col>
    </Row>
    <Row :gutter="24" class-name="kpiRow">
        <!-- 模具故障次数TOP统计 -->
        <i-col span="12" class-name="contentCol">
            <Card>
                <a href="../analyse/devFaultTopReport.html">
                    <div id="faultTimeTopMoldEcharts" class="kpiCol"></div>
                </a>
            </Card>
        </i-col>
        <!-- 模具故障类型图表 -->
        <i-col span="12" class-name="contentCol">
            <Card>
                <a href="../analyse/devFaultClassifyReport.html">
                    <div id="moldFaultClassifyEcharts" class="kpiCol"></div>
                </a>
            </Card>
        </i-col>
    </Row>
</div>

<script src="${rc.contextPath}/statics/plugins/echarts/echarts.min.js"></script>
<script src="${rc.contextPath}/js/analyse/moldIndex.js?_${date.systemTime}"></script>
</body>
</html>